@import "common";

.block{
    display: block;
    width: 50%;
    padding-bottom: 50%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(18,93,104);
    p{
        position: absolute;
        text-align: center;
        color: #fff;
        width: 100%;
        bottom: 0;
        font-size: 13px;
    }
}

@for $i from 1 to 7 {
    @if $i == 3{
        .b3{
            background-image: url(../img/pic3.jpg);
            background-size: 85%;
            background-position-x: center;
        }
    }@else{
        .b#{$i}{
            background-image: url(../img/pic#{$i}.jpg);
        }
    }
}

footer{
    font-size: 12px;
    text-align: center;
    color: #2c3e50;
    padding: 30px 0 10px;
    background-color: rgb(18,93,104);
    color: #fff;
}
